﻿<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content={{ description }}>
    <meta name="keywords" content={{ keywords }} />
    <link rel="icon" href="{{ static_url("/image/favicon.ico") }}">
	<style>
        *{margin:0;padding:0;}
        html,body{font-family: Helvetica, Arial, sans-serif; height: 100%}
        .artice{width:60%;margin-top: 20px;margin-left: auto;margin-right: auto;display: block}
        .nav{width: 100%;height: 120px;margin:auto;background-color: #F5F5F5;color: #002b36;
            display: block;overflow: hidden}
        .title{margin: 15px auto 15px 40%;display: block;font-weight: bolder;font-size: 35px}
        .content {min-height:100%; position: relative;}
        .main {padding: 0px;padding-bottom: 60px;}
        .footer {position: absolute; bottom: 0; background-color: #F5F5F5; width: 100%;font-size: 16px;color: #2e383c}
        h1{font-size: 30px}
        nav li{display: inline}
        article li,pre{margin: 15px auto 15px 10px}
	</style>
    <link href="http://cdn.bootcss.com/highlight.js/9.8.0/styles/monokai-sublime.min.css" rel="stylesheet" >
    <!-- link href="http://cdn.bootcss.com/highlight.js/9.8.0/styles/atom-one-dark.min.css" rel="stylesheet" -->
    <style type="text/css">
        a:link {text-decoration: none;color: #0a001f}
        a:visited {text-decoration: none;color: #0a001f}
        a:hover {text-decoration: none;color: #0a001f}
        a:active {text-decoration: none;color: #0a001f}
    </style>
    <title>{{ title }}</title>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  <div class="content">
      <div class="main">
          <nav class="nav">
              <div style="width: 50%;display: block;float: left">
                <span class="title">{{ name }}</span>
                <p style="font-size: 18px;margin: auto auto 10px 40%;font-weight: bold">{{ subtitle }}</p>
              </div>
              <div style="width: 50%;display: block;float: left">
                <ul style="font-size: 18px;display: block;margin: 50px auto 30px 20%">
                    <li><a href="/">-首页-/</a></li>
                    <li><a href="/">-文章-/</a></li>
                    <li><a href="/">-归档-/</a></li>
                    <li><a href="/">-关于-</a></li>
                </ul>
              </div>
          </nav>
          {% block body %}{% end %}

      </div>
    {% module  footer(link) %}
  </div>
  <script src="http://cdn.bootcss.com/highlight.js/9.8.0/highlight.min.js"></script>
  <script>hljs.initHighlightingOnLoad();</script>
  </body>
</html>
